﻿
h3 {
	margin: 0 0 1ex;
	white-space: nowrap;
	page-break-after: avoid;
}

/*
*	COMMON LAYOUT PANE FORMATTING
*/
.pane ,				/* outer pane class */
.ui-layout-pane {	/* inner pane class */
	background-color: #FFF;
	border: 1px solid #1355A4;
	padding: 0;/* alignment & padding is on the inner-divs */
	overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}
.ui-layout-pane-west {
	/* OVERRIDE 'default styles' */
	padding: 0 !important;
	overflow: hidden !important;
}
/*
*	OUTER-LAYOUT PANE FORMATTING
.pane-north {
	border-bottom: 2px solid #777;
}
*/
.pane-north ,
.pane-south {
	overflow:hidden;
}




/* inner divs inside Outer Center/West panes */
.header
{
	background: #00a84d;
	border-bottom: 1px solid #abdbda;
	font-size:14px;
	font-weight: bold;
	color:#fff;
	padding-left:10px;
	line-height: 25px;
	vertical-align: middle;
	overflow: hidden;
	height: 25px;
}
.help
{
	background: #009591;
	border-bottom: 1px solid #abdbda;
	font-size:14px;
	font-weight: bold;
	color:#fff;
	padding-left:10px;
	line-height: 25px;
	vertical-align: middle;
	overflow: hidden;
	height: 25px;
}
.subhead ,
.footer {
	background-color: #E8FFD8;
	padding: 3px 10px;
	text-align:center;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.subhead { border-bottom: 1px solid #777; }
.footer  { border-top: 1px solid #777; height:80px; }


/*
*	OUTER LAYOUT RESIZERS & TOGGLERS
*/

.resizer-west-dragging ,
.resizer-west-open:hover	{ background: url(../images/resizable-w.gif) repeat-y center; }

.resizer-west-open ,
.resizer-east-open {
	background-color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.resizer-west-open:hover ,
.resizer-east-open:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.resizer-dragging {
	opacity: 0.5;
	filter: alpha(opacity=50);
	
}

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .resizer-north		{ background: url(../images/resizable-n.gif) repeat-x center !important; } */
* html .resizer-south		{ background: url(../images/resizable-s.gif) repeat-x center !important; }
* html .resizer-west-open	{ background: url(../images/resizable-w.gif) repeat-y center !important; }
* html .resizer-east-open	{ background: url(../images/resizable-e.gif) repeat-y center !important; }
/** html .resizer-north , */
* html .resizer-south ,
* html .resizer-west-open ,
* html .resizer-east-open {
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important;
}

/*
*	SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only)
*/
.toggler-north-open ,
.toggler-south-closed 		{ background: url(../images/toggle-up.gif) no-repeat center bottom; }
.toggler-north-closed ,
.toggler-south-open   		{ background: url(../images/toggle-dn.gif) no-repeat center top; }

/*
*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed ,
.resizer-east-closed {
	background: #D1E6FC url(../images/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.resizer-west-closed:hover ,
.resizer-east-closed:hover {
	background: #D1E6FC;
}


/*
 *	extJS-STYLE TOGGLE & PIN BUTTONS
 *
 *	these 'extra buttons' are INSIDE the east/west panes
 */

/* CUSTOM pin/close buttons */
span.button-pin ,
span.button-close {
	position:	absolute;
	top:		0;
	width: 		20px;
	height:		20px;
	z-index:	2;
	display:	block;
	cursor: 	pointer;
}
span.button-close-west	{ left:	 0; }
span.button-close-east	{ right: 0; }
span.button-pin-west	{ right: 1px; }
span.button-pin-east	{ left:	 1px; }

/* CUSTOM pin-buttons */
span.button-pin-up 		  		{ background: url(../images/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover   		{ background: url(../images/pin-up-on.gif)  no-repeat center; }
span.button-pin-down 	  		{ background: url(../images/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover 		{ background: url(../images/pin-dn-on.gif)  no-repeat center; }

/* CUSTOM close-buttons 
span.button-close-west			{ background: url(../images/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover	{ background: url(../images/go-lt-on.gif)  no-repeat center; }
span.button-close-east			{ background: url(../images/go-rt-off.gif) no-repeat center; }
span.button-close-east:hover	{ background: url(../images/go-rt-on.gif)  no-repeat center; }
*/
/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed		{ background: url(../images/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover	{ background: url(../images/go-rt-on.gif)  no-repeat center; }
.toggler-east-closed		{ background: url(../images/go-lt-off.gif) no-repeat center; }
.toggler-east-closed:hover	{ background: url(../images/go-lt-on.gif)  no-repeat center; }


/* center pane that are 'containers' for a nested layout */ 
.contenthead {
	padding: 0px 10px;	
	border:0px;
	background: #80ade5 url(../images/80ade5_40x100_textures_04_highlight_hard_100.png) 0 10% repeat-x;
	border-bottom: 1px solid #99bbe8;
	text-align: left;	
	overflow: hidden;	
	line-height: 25px;
	height: 25px;
}
.middle-center {
	/* center pane that are 'containers' for a nested layout */ 
	padding: 0; 
	border: 5; 		
} 
iframe {
	padding:	0 !important; /* iframes should not have padding */
	overflow:	auto !important;
	width:100%;
	height:100%;
}
	
.button-a-down 	  		{ background: url(../images/pin-dn-off.gif) no-repeat center; }
.button-a-down:hover 		{ background: url(../images/pin-dn-on.gif)  no-repeat center; }
